MacAddict 123/MacAddict_123_2006_11.iso/Software/Productivity/iClip lite 2.wdgt/styles.css

Cascading Style Sheet File | 2006-08-05 | 4KB | 281 lines

/* Copyright © 2006, Inventive. */

* {
    margin: 0;
    padding: 0;
}

body {
    font: 62.5% "Helvetica Neue", Helvetica, sans-serif;
    color: #6DCEEF;
}

a {
    color: #868686;
    text-decoration: none;
}

a:hover {
    color: #bbbbbb;
    text-shadow: #bbbbbb 0 0 0.4em;
}

a:active {
    color: white;
}

/* scrollbar */
    #scrollbar {
        position: absolute;
        left: 8.3em;
        bottom: 1.7em;
        opacity: 0;
        display: none;
        height: 1.2em;
        padding: 0 1.4em 0 1.4em;
        -apple-dashboard-region: dashboard-region(control rectangle);
    }

    #scrollbar > .top {
        position: absolute;
        left: 0;
        width: 1.4em;
    }

    #scrollbar > .bottom {
        position: absolute;
        right: 0;
        top: 0;
        width: 1.4em;
    }

    #scrollbar > div {
        position: absolute;
        left: 0;
        top: 0;
        height: 1.1em;
        padding: 0 1.2em 0 1.2em;
    }

    #scrollbar > div > .top {
        position: absolute;
        left: 0;
        width: 1.2em;
    }

    #scrollbar > div > .bottom {
        position: absolute;
        right: 0;
        top: 0;
        width: 1.2em;
    }

    #scrollbar img {
        height: 100%;
    }

/*** Front ***/

    #front {
        position: absolute;
        width: 22.7em;
        height: 14.8em;
    }

    #front > img.left {
        width: 2.5em;
        height: 14.8em;
    }

    #front > img.middle {
        width: 17.5em;
        height: 14.8em;
    }

    #front > img.right {
        width: 2.5em;
        height: 14.8em;
    }

    #logo {
        position: absolute;
        left: 1.8em;
        top: 1.2em;
        width: 5em;
        height: 1.6em;
    }

    #record {
        position: absolute;
        left: 2.1em;
        top: 4.2em;
        width: 5.6em;
        height: 5.6em;
        opacity: 0;
        -apple-dashboard-region: dashboard-region(control circle);
    }

    #bins {
        position: absolute;
        left: 8.3em;
        top: 0.6em;
        width: 0em;
        height: 12.6em;
        overflow: hidden;
        white-space: nowrap;
    }

    #overlay_left {
        position: absolute;
        left: 8.3em;
        bottom: 3.1em;
        width: 3.4em;
        height: 10.9em;
    }

    #overlay_right {
        position: absolute;
        right: 4.2em;
        bottom: 3.1em;
        width: 3.4em;
        height: 10.9em;
    }

    #resizer {
        position: absolute;
        right: 1.1em;
        top: 4.8em;
        width: 1.3em;
        height: 4.5em;
        opacity: 0;
        -apple-dashboard-region: dashboard-region(control rectangle);
    }

    #flip {
        position: absolute;
        right: 1.6em;
        bottom: 1.9em;
        width: 1.3em;
        height: 1.3em;
        opacity: 0;
        -apple-dashboard-region: dashboard-region(control circle);
    }

    #multiple {
        position: absolute;
        top: 5em;
        display: none;
        width: 18.7em;
        padding: 0 2em;
        text-align: center;
    }

    #multiple > div {
        display: inline-block;
        font-size: 1.2em;
        color: black;
        text-align: left;
    }

/*** Back ***/

    #back {
        position: absolute;
        top: 14.8em;
        width: 46.8em;
        height: 14.8em;
        opacity: 0;
    }

    #back > img.left {
        width: 2.7em;
        height: 14.8em;
    }

    #back > img.middle {
        width: 41.4em;
        height: 14.8em;
    }

    #back > img.right {
        width: 2.7em;
        height: 14.8em;
    }

    #info {
        position: absolute;
        left: 2.6em;
        top: 3.5em;
        opacity: 0;
        width: 27.5em;
    }

    #info > p {
        font-size: 1.2em;
    }

    #inventive {
        position: absolute;
        right: 4.7em;
        top: 2.4em;
        opacity: 0;
        width: 9.6em;
        height: 4.8em;
    }

    #url {
        position: absolute;
        right: 5em;
        top: 6.6em;
        opacity: 0;
    }

    #url > a {
        font-size: 1.1em;
    }

    #help {
        position: absolute;
        left: 0.8em;
        bottom: 1.3em;
        opacity: 0;
        width: 3.1em;
        height: 3.1em;
        -apple-dashboard-region: dashboard-region(control circle);
    }

    #done {
        position: absolute;
        right: 0.9em;
        bottom: 1.3em;
        opacity: 0;
        height: 3.1em;
        line-height: 3.1em;
        -apple-dashboard-region: dashboard-region(control rectangle);
    }

    #done:active {
        color: black;
    }

    #done > .left {
        width: 3.1em;
        height: 3.1em;
    }

    #done > .middle {
        height: 3.1em;
    }

    #done > .right {
        width: 3.1em;
        height: 3.1em;
    }

    #done > div {
        position: absolute;
        top: 0;
        width: 100%;
        font-size: 1.2em;
        text-align: center;
    }